import type { ColumnsType } from 'ant-design-vue/es/table';

// 定义 ListItem 类型并导出
export interface ListItem {
  orderNo: string;
  orderType: number;
  contactName: string;
  contactPhone: number | string;
  nameZh: string;
  checkInDate: string;
  checkOutDate: string;
  roomCount: number | string;
  payAmount: number | string;
}

const columns: ColumnsType<ListItem> = [
  {
    title: '订单号',
    dataIndex: 'orderNo',
    key: 'orderNo',
    fixed: 'left',
    width: 200,
    align: 'center',
  },
  {
    title: '订单类型',
    dataIndex: 'orderType',
    key: 'orderType',
    align: 'center',
  },
  {
    title: '住客姓名',
    dataIndex: 'contactName',
    key: 'contactName',
    align: 'center',
  },
  {
    title: '住客电话',
    dataIndex: 'contactPhone',
    key: 'contactPhone',
    align: 'center',
    width: 120,
  },
  {
    title: '房型名称',
    dataIndex: 'nameZh',
    key: 'nameZh',
    align: 'center',
    width: 200,
  },
  {
    title: '入住日期',
    dataIndex: 'checkInDate',
    key: 'checkInDate',
    align: 'center',
  },
  {
    title: '离店日期',
    dataIndex: 'checkOutDate',
    key: 'checkOutDate',
    align: 'center',
  },
  {
    title: '间数',
    dataIndex: 'roomCount',
    key: 'roomCount',
    align: 'center',
    width: 80,
  },
  {
    title: '入住夜晚数',
    dataIndex: 'nights',
    key: 'nights',
    align: 'center',
    width: 110,
  },
  {
    title: '付款金额',
    dataIndex: 'payAmount',
    key: 'payAmount',
    align: 'center',
  },
  // {
  //   title: '操作',
  //   dataIndex: 'handle',
  //   key: 'handle',
  //   fixed: 'right',
  //   width: 120,
  //   align: 'center',
  // },
];

export default columns;
